<%-include('./common/header.html',{css:'common'}) %>
<!-- build:css css/login.css -->
<link rel="stylesheet" href="./../styles/login.css">
<!-- endbuild -->
<style>
    .form-group.has-error .text-danger {
        display: none !important;
    }

    .brand-intro {
        color: #333;
    }

    form-control {
        padding: 2px 8px;
        line-height: 34px;
    }

    label {
        font-size: 16px !important;
        padding-top: 1 0px !important;
        font-weight: 400 !important;
        padding-bottom: 5px;
    }

    @media screen and (max-width: 1440px) {
        .w-cnter {
            width: 1000px !important;
        }
    }
    html{
        background: url(/admin/imgs/login/bg.png)  no-repeat;
        background-size: cover;
    }
    .btn-primary {
        color: #fff;
        background-color: #C9C12C;
        border-color: #C9C12C;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #C9C12C;
        border-color: #C9C12C;
    }
</style>
<title>我的农场</title>
</head>
<body style="background-color: #423a5b;overflow-x: auto;overflow-y: auto;">
<div style="padding:0 10px;">
    <div style="width:100%;margin:0 auto;">
        <img src="/admin/imgs/login/logo.png" alt="" style="position: relative;height: 120px;">
    </div>
</div>
<div class="w-cnter" style="width:1200px !important;margin:0 auto;padding-top: 0px;">
    <div>
        <form class='form-horizontal'
              style="height: 565px;border-radius: 1px;width: 487px;    background: #FFF;margin:0 auto;"
              id="user-form">
            <div style="padding: 40px 0px 20px 0;width: 400px;margin:0 auto;" >
                <div style="padding:0 60px;">
                    <br/>
                    <h3 style=" text-align: center;color: #43395d;font-size: 24px;">东家农场后台管理系统</h3>
                    <br/>
                    <br/>
                    <br/>
                    <div class="form-group" style="margin: 0 auto;">
                        <div style="overflow: hidden;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #ccc;    border-radius: 2px" style="">
                            <img src="/admin/imgs/login/login-user.png" alt="" style="position: relative;left: 10px;height: 20px;top: -3px;"/>

                            <input type="text"
                                   style="padding-left: 15px;box-shadow:inset 0 35px 1px rgb(255, 255, 255);border: none;height: 34px;display: inline;width: auto;font-family: Tahoma,Verdana;font-size: 16px;"
                                   class="form-control"
                                   id="validate-username"
                                   placeholder="用户名" data-rule-minlength="2"
                                   autocomplete="off"
                                   data-rule-required='true'
                                   name='userName'>
                        </div>
                    </div>
                    <br>
                    <div class="form-group" style="margin: 0 auto;">
                        <div style="overflow: hidden;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #ccc;    border-radius: 2px">
                            <img src="/admin/imgs/login/login-pass.png" alt="" style="    height: 20px;top: -2px;right: 2px;position: relative;left: 10px;"/>

                            <input type="password"
                                   style="padding-left: 15px;box-shadow:inset 0 35px 1px rgb(255, 255, 255);height: 34px;    border: none;display: inline;width: auto;font-family: Tahoma,Verdana;font-size: 16px;"
                                   class="form-control"
                                   name="password"
                                   id="validate-password"
                                   autocomplete="off"
                                   placeholder="密码" data-rule-required='true'
                                   data-rule-minlength="5" data-rule-maxlength='30'>
                        </div>
                    </div>
                    <br/>
                    <div class="form-group" style="margin: 0 auto;;">
                        <div
                                style="box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #ccc;    border-radius: 2px">
                            <img src="/admin/imgs/login/login-code.png" alt="" style=" height: 20px;top: -2px;position: relative;left: 10px;"/>

                            <input
                                    type="text"
                                    style="padding-left: 15px;box-shadow:none;border:none;font-family: Tahoma,Verdana;font-size: 16px;height: 34px;width: 171px;display: inline;"
                                    class="form-control"
                                    name="imgCode"
                                    id="validate-code"
                                    autocomplete="off"
                                    placeholder="验证码" data-rule-required='true'
                                    data-rule-minlength="4">
                            <img name="img-code"
                                 style="position: relative;top: -2px;cursor:pointer;height: 25px;width:81px;"
                                 src="/api/admin/code/captcha-image" alt="">
                        </div>
                    </div>
                    <br/>
                    <div class="form-group" style="margin: 0 auto;">
                        <label for="validate-password" style="float:left;font-weight: 100;width: 100px;"
                               class=" control-label"></label>
                        <div
                                style="width: 308px;text-align: left;" style="text-align: left;"
                        >
                            <button
                                    id="submit"
                                    type="submit"
                                    data-loading-text="登录中..."
                                    class="btn btn-lg btn-primary"
                                    style="font-weight: 400;width: 280px;font-size: 16px;line-height: 24px;"
                                    autocomplete="off"
                            >登录
                            </button>
                            <div style="position: relative;top: 15px;right: 0px;"><input name="remmberme" type="checkbox"> 记住密码?</div>
                            <span class="error " style="color: red;font-weight: bold;font-size: 12px;"></span>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="clearfix"></div>
    </div>
</div>
<div style="position: fixed;bottom: 0;left: 0;right: 0;text-align: center;line-height: 30px;    background: #fff;color: #999;">
  推荐使用360极速、谷歌浏览器获得更好的使用体验
</div>
<%- include('./common/footer.html') %>
</body>
<!-- build:js scripts/login.js  -->
<script type="text/javascript" src="./../libs/md5/md5.js"></script>
<script type="text/javascript" src="./../script/login.js"></script>
<!-- endbuild -->
</html>